<extend name="Base/common"/>
<block name="style">
	<style>
		.pref{
			width: auto;
			height: auto;
			display: block;
			padding:0.5rem 0.5rem 0.5rem 0.5rem;
			background: #FFFFFF;
		}
		.pref-row{
			
		}
		.pref-img{
			width: 100%;
			height: 9rem;
			margin-bottom: 0.5rem;
		}
		.pref-title{
			font-size: 1rem;
			line-height: 1.5rem;
			margin:0;
			font-weight: 400;
			text-align: center;
		}
		.sharediv{text-align: center;background: #FFFFFF;padding: 0.5rem 0;margin-top: 0.5rem;}
		.sharetip{color: green;margin-bottom: 0.3rem;margin-top: 0;}
		/*遮罩*/
		.mask{position: fixed;top: 0;bottom: 0;z-index: 1000;overflow: hidden;background-color:rgba(121, 121, 121,.8);width: 100%;height: 100%;}
		.fximg{position: fixed;top: 0;bottom: 0;z-index: 1001;width: 100%;}
	</style>
</block>
<block name="body">
	<input hidden="hidden" value="{$act.id}" id="aid" name="aid"/>
	<img src="__IMG__/fx.png" class="fximg" id="fximg" hidden="hidden"/>
	<div class="pref">
		<div class="pref-row">
			<div class="text-align-center">
				<img src="{$act.theme}" class="pref-img">
			</div>
		</div>
		<h1 class="pref-title">{$act.title}</h1>
	</div>
	<div class="sharediv">
		<h3 class="sharetip">报名成功</h3>
		<button class="btn btn-danger" type="button" id="share">发给好友</button>
	</div>
	<div class="mask" id="mask" hidden="hidden"></div>
</block>
<block name="script">
	<script>
		$('#share').click(function(){
			$('#fximg').show();
			$('#mask').show();
		});
		$('#mask').click(function(){
			$('#fximg').hide();
			$('#mask').hide();
		});
		$('#fximg').click(function(){
			$('#fximg').hide();
			$('#mask').hide();
		});
	</script>
</block>
